<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="side" class="container-scroller">
    <!-- partial:partials/_navbar.html -->
    <nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
            <a class="navbar-brand brand-logo" href="index.html">
                <img alt="logo" src="../assets/images/logo.svg"> </a>
            <a class="navbar-brand brand-logo-mini" href="index.html">
                <img alt="logo" src="../assets/images/logo-mini.svg"> </a>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center">
            <ul class="navbar-nav">
                <li class="nav-item font-weight-semibold d-none d-lg-block" th:text="${main}">Help : +050 2992 709</li>

            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown">

                </li>
                <li class="nav-item dropdown">

                </li>
                <li class="nav-item dropdown d-none d-xl-inline-block user-dropdown">
                    <a class="nav-link" th:href="@{/customerService/index(current=1,size=10)}">
                        <span >首页</span>
                    </a>
                </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
                <span class="mdi mdi-menu"></span>
            </button>
        </div>
    </nav>
    <!-- partial -->
    <sidebar class="container-fluid page-body-wrapper">
        <!-- partial:partials/_sidebar.html -->
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
            <ul class="nav">
                <li class="nav-item nav-category">Main Menu</li>
                <li class="nav-item">
                    <a class="nav-link" th:href="@{/customerService/index(current=1,size=10)}">
                        <i class="menu-icon typcn typcn-document-text"></i>
                        <span class="menu-title">首页</span>
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" aria-expanded="false" aria-controls="ui-basic" href="#ui-basic" data-toggle="collapse">
                        <i class="menu-icon typcn typcn-coffee"></i>
                        <span class="menu-title">客服</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="collapse" id="ui-basic">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/customerService/message(current=1,size=10)}">客服信息管理</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/customerService/add}">创建新客服</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a class="nav-link" aria-expanded="false" aria-controls="customer" href="#customer" data-toggle="collapse">
                        <i class="menu-icon typcn typcn-document-add"></i>
                        <span class="menu-title">客户</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="collapse" id="customer" >
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/customerInfo/index(current=1,size=10)}"> 客户信息管理 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/customerInfo/create(current=1,size=10)}"> 创建新客户 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/blackList/index(current=1,size=10)}"> 黑名单客户 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/blackList/create(current=1,size=10)}"> 添加黑名单 </a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a class="nav-link" aria-expanded="false" aria-controls="workorder" href="#workorder" data-toggle="collapse">
                        <i class="menu-icon typcn typcn-document-add"></i>
                        <span class="menu-title">工单</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="collapse" id="workorder" >
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item" >
                                <a class="nav-link" th:href="@{/workOrder/index(current=1,size=10,str1='null',str2='null')}" > 全部工单 </a>
                            </li>
                            <li class="nav-item" >
                                <a class="nav-link" th:href="@{/workOrder/index2(current=1,size=10)}" > 待处理的工单 </a>
                            </li>
                            <li class="nav-item" >
                                <a class="nav-link" th:href="@{/workOrder/create(current=1,size=10)}" > 创建新工单 </a>
                            </li>

                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a class="nav-link" aria-expanded="false" aria-controls="statistics" href="#statistics" data-toggle="collapse">
                        <i class="menu-icon typcn typcn-document-add"></i>
                        <span class="menu-title">统计</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="collapse" id="statistics">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item">
                                <a class="nav-link" href="/workQualityStatistics/statistics"> 统计数据总览 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/workloadStatistics/workloadstatistics(current=1,size=10)}"> 工作量统计 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/workQualityStatistics/workqualitystatistics(current=1,size=10)}"> 工作质量统计 </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" aria-expanded="false" aria-controls="setting" href="#setting" data-toggle="collapse">
                        <i class="menu-icon typcn typcn-document-add"></i>
                        <span class="menu-title">设置</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div class="collapse" id="setting">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/customerService/update(customerserviceid=${session.cs.customerserviceid})}"> 个人信息 </a>
                                <!--                                    <a class="nav-link" th:href="@{/updatecustomerservice.html}"> 个人信息设置 </a>-->
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/roleManage/roleManage(current=1,size=10)}"> 角色管理 </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/notice/noticeManage(current=1,size=10)}">通知公告</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" th:href="@{/exit}"> 退出登录 </a>
                            </li>

                        </ul>
                    </div>
                </li>
            </ul>
        </nav>